<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/7/3
  Time: 17:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
    <link href='http://fonts.useso.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
    <link href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css" rel="stylesheet">
    <link href="css/gozha-nav.css" rel="stylesheet" />
    <link href="css/external/jquery.selectbox.css" rel="stylesheet" />
    <link href="css/external/idangerous.swiper.css" rel="stylesheet" />
    <link href="css/style.css?v=1" rel="stylesheet" />
</head>
<body>
<!-- 头部导航栏-->
<header class="header-wrapper">
    <div class="container">
        <a href='index.html' class="logo">
            <img alt='logo' src="images/logo.png">
        </a>
        <nav id="navigation-box">
            <a href="#" id="navigation-toggle">
                        <span class="menu-icon">
                            <span class="icon-toggle" role="button" aria-label="Toggle Navigation">
                              <span class="lines"></span>
                            </span>
                        </span>
            </a>
            <ul id="navigation">
                <li>
                    <span class="sub-nav-toggle plus"></span>
                    <a href="#">选项</a>
                    <ul>
                        <li class="menu__nav-item">
                            <a href="movie-page.jsp">电影</a>
                        </li>
                        <li class="menu__nav-item">
                            <a href="movie-list.jsp">电影列表</a>
                        </li>
                        <li class="menu__nav-item">
                            <a href="single-cinema.jsp">电影院</a>
                        </li>
                        <li class="menu__nav-item">
                            <a href="cinema-list.jsp">电影院名单</a>
                        </li>
                        <li class="menu__nav-item">
                            <a href="contact.jsp">联系我们</a>
                        </li>
                        <li class="menu__nav-item">
                            <a href="404.jsp">404 错误</a>
                        </li>
                        <li class="menu__nav-item">
                            <a href="login.jsp">登陆</a>
                        </li>
                    </ul>
                </li>
                、
                <li>
                    <span class="sub-nav-toggle plus"></span>
                    <a href="page-elements.jsp">预订</a>
                    <ul>
                        <li class="menu__nav-item">
                            <a href="book1.jsp">预订步骤 1</a>
                        </li>
                        <li class="menu__nav-item">
                            <a href="book2.jsp">预订步骤 2</a>
                        </li>
                        <li class="menu__nav-item">
                            <a href="book3-buy.jsp">预订步骤 3 (购买)</a>
                        </li>
                        <li class="menu__nav-item">
                            <a href="book-final.jsp">结算</a>
                        </li>
                    </ul>
                </li>


                <li>
                    <span class="sub-nav-toggle plus"></span>
                    <a href="#">菜单</a>
                    <ul class="mega-menu container">
                        <li class="col-md-3 mega-menu__coloum">
                            <h4 class="mega-menu__heading">正在热映的电影</h4>
                            <ul class="mega-menu__list">
                                <li class="mega-menu__nav-item">
                                    <a href="#">一条狗的使命2</a>
                                </li>
                                <li class="mega-menu__nav-item">
                                    <a href="#">千与千寻</a>
                                </li>
                                <li class="mega-menu__nav-item">
                                    <a href="#">...</a>
                                </li>
                                <li class="mega-menu__nav-item">
                                    <a href="#">...</a>
                                </li>
                                <li class="mega-menu__nav-item">
                                    <a href="#">...</a>
                                </li>
                                <li class="mega-menu__nav-item">
                                    <a href="#">...</a>
                                </li>
                            </ul>
                        </li>

                        <li class="col-md-3 mega-menu__coloum">
                            <h4 class="mega-menu__heading">即将结束的电影</h4>
                            <ul class="mega-menu__list">
                                <li class="mega-menu__nav-item">
                                    <a href="#">一条狗的使命2</a>
                                </li>
                                <li class="mega-menu__nav-item">
                                    <a href="#">千与千寻</a>
                                </li>
                                <li class="mega-menu__nav-item">
                                    <a href="#">...</a>
                                </li>
                                <li class="mega-menu__nav-item">
                                    <a href="#">...</a>
                                </li>
                                <li class="mega-menu__nav-item">
                                    <a href="#">...</a>
                                </li>
                                <li class="mega-menu__nav-item">
                                    <a href="#">...</a>
                                </li>
                            </ul>
                        </li>

                    </ul>
                </li>
            </ul>
        </nav>

        <!-- Additional header buttons / Auth and direct link to booking-->
        <div class="control-panel">
            <a href="#" class="btn btn--sign login-window">登陆</a>
            <a href="#" class="btn btn--sign login-window">注册</a>
            <a href="#" class="btn btn-md btn--warning btn--book login-window">订票</a>
        </div>

    </div>
</header>

</body>
</html>
